body{ font-size: 16px; line-height: 200%;}

.logo-wrapper img{
 
}
.support-bar::before{
    transform: skewX(20deg);
    left:-30px;
}
.navbar-area::before{
    transform: skewX(20deg);
    left:-27px;
    width:65px;
}
ul,li{
    list-style:none;
    margin:0;
    padding:0;
}
.navbar-area nav ul li{
    margin:0 8px;
}
.navbar-area nav ul li.dropdown{
    margin-right:20px;
}
.navbar-area nav ul li:first-child{
    margin-left:8px;
}
.navbar-area{
    margin-left:30px;
}
.testimonial-carousel .single-testimonial{
    padding:0;
}
h2.subtitle{
    font-size:28px;
}
.service-section ul{
    overflow: hidden;
}
.service-section ul li{
    width:100%;
}
.service-section ul li .pic{
    display: none;
    height:160px;
    overflow:hidden;
}
.service-section ul li .pic img{
    display: block;
    width:auto;
    overflow:hidden;
    height:100%;
}
.service-section ul li .txt{
    overflow:hidden;
}
.service-section ul li .txt span{
    width:20%;
    float:left;
    line-height:24px;
    color:#666;
}
.service-section ul li .txt h1{
    float:right;
    font-size:14px;
    width:78%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:24px;
    color:#333;
}
.service-section ul li.active .pic{
    display: block;
    height:160px;
}
.service-section ul li.active .txt h1{
    color:#58bed3;
}
.service-section .news-title{
    font-size:24px;
    font-weight:600;
    border-bottom:1px dashed #dedede;
    margin-bottom:1rem;
    padding-bottom:.5rem;
}
.service-section .col-lg-3{
  
} 
.about-section .about-points::after{
    background-color: #0063a4;
}
.about-section .about-points{
    background-color: #0063a4;
}
.support-bar::after{
    background-color:#0063a4;
    border-bottom:2px solid #0071bb;
}
.support-bar::before{
    background-color:#0063a4;
    border-bottom:2px solid #0071bb;
}
.support-bar{
    background-color:#0063a4;
    border-bottom:2px solid #0071bb;
}
.navbar-area::after{
    background-color:#0063a4;
}
.navbar-area::before{ background-color:#0063a4;}
.navbar-area{
    background-color:#0063a4;
}
.navbar-area nav ul li.dropdown ul li{
    border-bottom:1px solid #1a4369;
}
/*banner*/
.banner{width:100%;height:auto;min-width:1200px;}
.banner .slideBox,.brand-list .slideBox{position:relative;overflow:hidden;width:100%;height:400px;}
.banner .slideBox .hd,.brand-list .slideBox .hd{
    position:absolute;
    right:10px;
    top:40%;
    z-index:1;
    overflow:hidden;
    }
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}



.news .news-hd ul li{
    width:10px;
    height:10px;
    border-radius:50%;

}
.banner .slideBox .hd ul li,.brand-list .list .slideBox .hd ul li{
    float:left;
    margin-right:4px;
    margin-left:4px;
    cursor:pointer;
    width: 14px;
    height: 14px;
    line-height: 24px;
    color: #545454;
    border-radius: 2px;
    display: block;
    border:1px solid #fff;
    overflow: hidden;
    cursor: pointer; 
    text-align:center;
    border-radius:50%;
}

.banner .slideBox .hd ul li.on{background:#58bed3;}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1;height:720px;overflow:hidden;}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:auto;}
.slides{zoom:1;}
.slides li{
    position:relative;
}
.banner .slideBox .hd ul li{
    float:none;
    margin-bottom:6px;
    border:none;
    background-color:rgba(0,0,0,0.5);
}
.banner .slides li h1{
    position:absolute;
    bottom:0;
    left:-10px;
    right:0;
    font-size:18px;
    color:#333;
    text-align:center;
    font-weight: bold;
    width:100%;
    z-index:9999;
    line-height:60px;
    padding:0 10px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background:#fff
}
.banner .slides li .container{
    width:1140px;
    margin:0 auto;
    left:calc(50% - 570px);
    /* left:20%; */
}
.banner .slides li h2{
    position:absolute;
    /* width:100%; */
	letter-spacing:10px;
    z-index:9999;
    font-weight:800;
  /*background-color:rgba(0,0,0, 0.5);  */

	padding:10px 3rem;
	display:inline-block;
    
    text-align:left;
    color:#fff;
    font-size:2.4rem;
}
.banner .slides li:nth-of-type(3) h2{
padding:10px 0;
}




.banner .slides li p{
    position:absolute;
    /* left:20%; */
    font-size:18px;
    /* width:50%; */
    top:calc(25% + 120px);
    line-height:30px;
    color:#fff;
}
.banner .slides li p{

}
.feature-content{
    box-shadow: 0px 0px 6px 0px rgba(12, 203, 236, 0.08);
}
.flaticon-worldwide{
    position:relative;
    display:block;
    height:100%;
    background-image: url(../img/icon01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#58bed3;
    z-index:999;
}
.about-section .about-points .single-point .icon-wrapper:hover .flaticon-worldwide{
    display: none;
    z-index:888;
}
.iconfont{
    font-size:24px;
}
.icon-shangyemaoyi{
    font-size:30px;
}
.flaticon-worldwide::before{
    position:absolute;
    display: block;
    height:100%;
    content:'';
    background-image:url(../img/icon02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#fff;
    z-index:889;
}
.button-one{
    display: inline-block;
    width:45%;
    padding:6px 4px;
    box-sizing: border-box;
}
.button-white{
    background-color:#fff;
    float:right;
}
.button-blue h5{
    color: #fff;
}
.button-blue span{
    color: #fff;
}
.button-blue{
    background-color:#58bed3;
}
.button-one img{
    display: inline-block;
}
.button-one div{
    display: inline-block;
}

.about-txt h5{
    margin-left:10px;
}
.about-txt span{
    margin-left:10px;
}
.button-white h5{
    color:#333;
}
.button-white span{
    color:#666;
}

.about-section .about-points .single-point:hover .icon-wrapper{

}
/* 快捷导航 */
.links{
    width:100%;
    background-color:#1a4369;
    min-width:1200px;
    height:100px;
    padding-top:30px;
}
.links .wrap{
    width:70%;
}
.links .list{
    position:relative;
    float:left;
    width:20%;
  
}
.links .list:first-child h1{
    margin-left:0;
}
.links .list:first-child ul{
    margin-left:-10%;
}
.links .list:nth-of-type(3) h1{
    margin-right:0;
}
.links .list:nth-of-type(3) ul{
    right:-10%;
}
.links .list h1{
    font-size:16px;
    width:80%;

    box-sizing: border-box;
    color:#fff;
    text-align: center;
    line-height:40px;
    background-image:url(../img/xl.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-color:#063057;
}
.links .list ul{
    display:none;
    position:absolute;
    bottom:40px;
    background-color:#f2f2f2;
    width:100%;
    border:1px solid #dedede;
    border-radius:4px;
    left:;
	z-index:999;
}
.links .iist ul{
}
.links .list ul li a{
    display: block;
    color:#333;
    text-align:center;
    line-height:40px;
    border-bottom:1px solid #dedede;
}
.links .list ul li a:hover{
    color:#004098;
}

.footer p{
   
    font-size:14px;
    color:#fff;
    line-height:60px;
}
.icon-dianhua,.icon-youxiang,.icon-dizhi{
    font-size:18px;
    line-height:32px;
    margin-right:8px;
    color:#58bed3;
}
.footer{
    width:100%;
    background-color:#1f405f;
    overflow:hidden;
    padding-top:20px;
    padding-bottom:10px;
    width:100%;
    min-width:1200px;
}
.footer .f-nav{
    margin:0 auto;
    width:80%;
    margin-bottom:30px;
    overflow:hidden;
}
.footer .f-nav a{
    float:left;
    color:#fff;
    width:11%;
    text-align:center;
    line-height:40px;
}
.footer .f-nav a:hover{
    color:#acacac;
}
.footer p{
    line-height:30px;
}
.footer .container{
    overflow: hidden;
}
.footer .copy{
    width:100%;
    margin:0 auto;
}
.footer .copy-left{
    float:left;
    width:60%;
    overflow:hidden;
}
.footer .copy-left .logo{
    display:block;
    width:60%;
    margin-bottom:20px;
    color:#fff;
    font-size:28px;
    font-weight:600;
    text-decoration: none;
}
.footer .copy-left .logo img{
    display:block;
    width:80%;
}
.footer .copy-right{
    float:right;
    width:40%;
    overflow:hidden;
}
.footer .copy-right .pr-list{
    float:right;
    width:25%;
    margin-right:2%;
    margin-top:78px;
    overflow:hidden;
	text-align:center;
}
.footer .copy-right .pr-list .rp-pic{
    border-radius:2px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
.footer .copy-right .pr-list img{
    display:block;
    margin:0 auto;
    width:80%;
    margin-bottom:10px;
    border:4px solid #fff;
}
.footer .copy-right .pr-list p{
    text-align:center;
}
.footer .container{
    border-bottom:1px solid #0063a4;
}
.navbar-area nav ul li.dropdown ul li{
    background-color:#0063a4;
    border-bottom:1px solid #195791;
}

.copybottom{
    background-color:#1f405f;
    text-align: center;
    font-size:14px;
    color:#fff;
    line-height: 50px;
}
@media screen and (max-width:768px){
    .slides li h1{
        font-size:16px !important;
        text-shadow:none !important;
        -webkit-text-stroke:0px !important;
    }
    .slides li p{
        display:none;
        font-size:14px !important;
    }
    .banner{
        min-width:auto;
        height:auto;
    }
    .banner .slideBox .bd li{
        height:auto;
    }
    .features{
        padding-top:20px;
    }
    .banner .slideBox .hd{
        bottom:10px !important;
    }
    .banner .slideBox .hd ul li{
        width:20px !important;
        height:18px !important;
        line-height:18px !important;
        font-size:12px;
    }
    .footer .f-nav{
        display: none;
    }
    .footer{
        width:100%;
        padding:6px 0;
        min-width:auto;
    }
    .footer p{
        width:80%;
        font-size:14px;
        line-height:22px;
        text-align:center;
        margin:0 auto;
    }
    .footer .copy-left .logo{
        margin:0 auto;
    }
    .footer .copy-left .logo img{
        margin:0 auto;
    }
    .footer .copy{
        width:100%;
    }
    .footer .copy-left{
        width:100%;
    }
    .footer .copy-right{
        display:none;
    }

}

.news-img,.news2-img,.news3-img{width: 100%;}
	.news-img .img,.news2-img .img,.news3-img .img{height: 400px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.news2-img .img,.news3-img .img{height: 330px}
	.news-img .text,.news2-img .text,.news3-img .text{position: absolute;width: 100%;height: 48px;background: rgba(0,0,0,.7);left: 0;bottom: 0;padding: 0 20px 0 140px;color: #fff;line-height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .4s;transform: translateY(100%);}
	.news-img .swiper-slide-active .text,.news2-img .swiper-slide-active .text,.news3-img .swiper-slide-active .text{transition: .4s;transform: translateY(0);}
	.news-circle,.news2-circle,.news3-circle{position: absolute;left: auto;left: 10px;bottom: 16px !important;width: auto !important;z-index: 11;display: flex;justify-content:left;align-items: left;}
	.news-circle .swiper-pagination-bullet,.news2-circle .swiper-pagination-bullet,.news3-circle .swiper-pagination-bullet{display: block;width: 12px;height: 12px;opacity: 1;background: none;border: 1px solid #fff;margin: 0 6px;}
	.news-circle .swiper-pagination-bullet-active,.news2-circle .swiper-pagination-bullet-active,.news3-circle .swiper-pagination-bullet-active{background: #fff;}
	


.news-menu{ width:100%;height: 48px;margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.news-menu-wrap{background: #fff;position: relative;z-index: 3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.news-menu a{display: block;margin-right: 20px;font-size: 24px;position: relative;z-index: 3;font-weight: bold; color:#234966;}
.news-menu a:last-child{margin-right: 0;}
.news-menu a.on{color: #58bed3;}
.news-menu span{display: block;content: '';width: 68px;height: 48px;z-index: 3;}
.news-menu::before{display: block;content: '';width: 100%;height: 1px;background: #eee;position: absolute;left: 0;top: 50%;}


/*******  新闻列表样式  keky-news01 **********/
.keky-nlist01{ width:100%; height:auto; }
.keky-nlist01 .ttiao{ font-size:1.4rem; font-weight:bold;  color:#a90904;  line-height:55px; height:55px; border-bottom:#004098 thin 1px; text-align:center; width:100%; }
.keky-nlist01 .ttiao{
text-align:left;}
.keky-nlist01 li{ border-bottom:#ccc dotted 1px; line-height:2.5em; height:2.5em; width:100%; }
.keky-nlist01 li:hover{ }
.keky-nlist01 li a{ display:inline-block; float:left; width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:1em; color:#333; }
.keky-nlist01 li a:hover,.keky-nlist01 .ttiao a{ color:#004098; font-weight:bold;}
.keky-nlist01 li span{ display:inline-block;font-size:1em; float:right;}
.keky-nlist01 li.ttiao span{display:none;}
.qyfc-swiper{height: 180px;}
.qyfc-swiper .img{height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}



.gzyj-swiper{height: 150px;}
.gzyj-swiper .img{ width:100%;height: 150px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.gzyj-swiper .text{ display:none;position: absolute;width: 100%;height: 40px;left: 0;bottom: 0;background: rgba(0,0,0,.7);line-height: 40px;padding: 0 20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gzyj-prev,
.gzyj-next{width: 40px;height: 40px;background-size: 24px 24px;background-repeat: no-repeat;background-position: center center;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;outline: none;z-index: 12;}
.gzyj-prev{left: 0;background-image: url(../img/left1.png);}
.gzyj-next{right: 0;background-image: url(../img/right1.png);}


.xy-news-title{width:100%; float:left; font-size:18px; line-height:40px; height:40px; color:#333; cursor:pointer;  border-bottom:#004098 solid 1px; margin-bottom:20px;}

.xy-news-title .current{ font-weight:bold; color:#004098;}
.xy-news-title h3 {font-size:18px; font-weight:bold; color:#004098; padding:0; margin:0;}
.xy-news-title h3 .more{ font-size:14px; font-weight:normal; color:#999; float:right; display:inline-block; width:80px; height:25px;}
.xy-news-title h3 .more:hover{ color:#a90904}


.imgBk {
    border: #FFF solid 5px;
    box-shadow: 2px 3px 3px #888;
}

.service-para{ text-transform:uppercase}


.tit-style1{width: 100%;
    float: left;
    font-size: 18px;
    line-height: 40px;
    height: 40px;border-bottom:#004098 solid 1px;margin-bottom: 20px;padding-bottom: 4px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.tit-style1 .menu-group{display: -webkit-box;display: -ms-flexbox;display: flex;}
.tit-style1 .menu-group a{display: block;font-size: 24px;line-height: 40px;padding: 0 20px;position: relative;color: #1840a2;font-weight: bold;}
.tit-style1 .menu-group a:after{display: block;content: '';width: 1px;height: 20px;background: #ccc;right: 0;top: 50%;margin-top: -10px;position: absolute;}
.tit-style1 .menu-group a:last-child::after{display: none;}
.tit-style1 .menu-group a.on{color: #58bed3;}
.tit-style1 .more-group a{color: #999;display: none;}
.tit-style1 .more-group a.on{display: block;}
.tit-style1 .more-group a:hover{color: #58bed3;}


 .home-2 .navbar-area{
      bottom:auto;
   }
   .navbar-area nav ul li{
      width:8.85%;
      margin:0 0;
      margin-left:0;
      text-align:center;
      margin-right:0;
   }
   .navbar-area nav ul li.dropdown{
      margin-right:0;
   }
   .navbar-area nav ul li.dropdown::after{
      right:38px;
   }
   .navbar-area nav ul li.active::before{
      left:40px;
   }
   .navbar-area nav ul li:first-child{
      margin-left:0;
   }
   .navbar-area nav ul li.dropdown ul li.dropdown-submenus,.home-2 .navbar-area nav ul li.dropdown ul li{
      width:200px;
   }
   .navbar-area nav ul li.active a{
     color:#6fd4e9;
   }
   .navbar-area nav ul li.dropdown ul li.active a{
      color:#6fd4e9;
   }
   .home-2 .navbar-area{
      background-color:#0063a4;
   }
   .home-2 .navbar-area nav ul li.dropdown ul li{
      background-color:#0063a4;
   }
   footer{
      background-color:#0063a4;
   }
   footer .logo-wrapper{
      font-size:20px;
      font-weight:600;
      color:#fff;
   }
   footer h4{
      margin-bottom:10px;
   }
   .rp-pic{
      width:80px;
      margin:0 auto;
   }
   .pr-list p{
      text-align:center;
      font-size:14px;
      line-height:22px;
   }
   .links{
      background-color:#f0f0f0;
   }
   .links .list h1{
      background-color:#ccc;
      color:#333;
   }
   .rp-pic img{
      display: block;
      width:100%;
   }
   .gzyj-prev,.gzyj-next{
      background-color:rgba(255,255,255,.5);
      border-radius:50%;
   }
   footer .top-footer{
      padding:40px 0 10px;
   }
   footer .contact-info p{
      font-size:14px;
   }
   .home-2 .support-bar{
      padding:20px 0 20px 0;
   }
   .navbar-area nav ul li a{
      font-size:20px;
   }
   .tit-style1 .menu-group a.on,.icon-gongluqiaoliang:before,.flaticon-call:before,.icon-jianzhu:before,.icon-shangyemaoyi:before,.icon-daolu:before,.news-menu a.on{
      color:#6fd4e9;
   }
   .keky-nlist01 li a:hover, .keky-nlist01 .ttiao a,.tit-style1 .menu-group a{
      color:#0063a4;
   }
   .icon-gongluqiaoliang:before,.flaticon-call:before,.icon-jianzhu:before,.icon-shangyemaoyi:before,.icon-daolu:before{
      color:;
   }
   .service-section.home-3 .single-service:hover .icon-gongluqiaoliang:before{
      color:#fff;
   }
   .service-section.home-3 .single-service:hover .flaticon-call:before{
      color:#fff;
   }
   .service-section.home-3 .single-service:hover .icon-jianzhu:before{
      color:#fff;
   }
   .service-section.home-3 .single-service:hover .icon-shangyemaoyi:before{
      color:#fff;
   }
   .service-section.home-3 .single-service:hover .icon-daolu:before{
      color:#fff;
   }
   a:hover{ text-decoration: none;}
   .service-title{ font-size:1.6rem !important;}
   .service-para{ color:#333;}
@media screen and （max-width:768px）{
.gzyj-prev,.gzyj-next{
background-size:26%;
width:28px;
height:28px;
}

}
 @media screen and (min-width:1440px){
    .container{
        width:90% !important;
        max-width:90%;
    }
    .services .btpic{
        height:300px;
        overflow:hidden;
    }
    
}